<!DOCTYPE HTML>
<html>
    <head>
        <!--<meta charset="utf-8">-->
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>maintest3</title>
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href="<?php echo Yii::app()->baseUrl; ?>/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <style>
            .bor{border: 1px red solid}
            div.panel,p.flip
            {
                margin:0px;
                padding:5px;
                text-align:center;
                background:#e5eecc;
                border:solid 1px #c3c3c3;
            }
            div.panel
            {
                height:120px;
                display:none;
            }
        </style>

    </head>
    <body>
        <nav class="navbar  navbar-inverse" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Project name</a>
                </div>
                <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div><!-- /.nav-collapse -->
            </div><!-- /.container -->
        </nav><!-- /.navbar -->
        <div class="container bor">
            <div class="col-md-4 bor">
                a
            </div>
            <div class="col-md-4 bor">
                b
            </div>
            <div class="col-md-4 bor">
                c
            </div>

        </div>


        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">W3Cschool</a>
            </div>
            <div>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">提交按钮</button>
                </form>    
                <button type="button" class="btn btn-default navbar-btn">
                    导航栏按钮
                </button>
            </div>
        </nav>
        <img border="0" src="klematis.jpg" width="150" height="113">
        <img border="0" src="klematis2.jpg" width="152" height="128">
        <a name="test1">test 1</a>
        <a name="test2">test 2</a>
        <div id="showtime">时间显示区</div>

        <div class="panel" >
            <p>W3School - 领先的 Web 技术教程站点</p>
            <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
        </div>
        <p class="flip " onclick="display()">请点击这里</p>
        <input type="button" pl value="New document" onclick="createFile()">

        <script src="<?php echo Yii::app()->baseUrl; ?>/assets/js/jquery-1.9.1.js"></script>
        <script src="<?php echo Yii::app()->baseUrl; ?>/assets/js/bootstrap.min.js"></script>
        <script type="text/javascript">
               $(document).ready(function() {
                   $(".flip").click(function() {
                       $(".panel").slideDown("slow");
                   });
               });
        </script>
        <script>
            /**
             * Comment
             */
            function display() {
                document.getElementById("showtime").innerHTML = Date();
                document.write("Hello World<h1>abcdefg</h1>");
                document.writeln("Hello");
            }
        </script>

<!--        <script>
            document.write(document.anchors[0].innerHTML);
            document.write(document.anchors[1].innerHTML);
            document.write(document.images.length);
            document.writeln(document.domain);
        </script>   -->
<!--        <script>
            function createFile() {
                var doc = document.open("~/a.txt", "replace");
                var txt = "<!DOCUTYPE html><html><body><h1>This is test of file creating</h1></body></html>";
                doc.write(txt);
                doc.close();
            }
        </script>-->

    </body>
</html>